<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title><?php echo $titre;?></title>
<link href="../ui/css/miushake.css" rel="stylesheet" type="text/css" media="all" />
<link href="../ui/css/Autocompleter.css" rel="stylesheet" type="text/css" media="all" />
<link rel="shortcut icon" type="image/png" href="../ui/images/favicon.png" />
<script type="text/javascript" src="../helpers/mootools-core-1.3.2-full-compat-yc.js"></script>
<script type="text/javascript" src="../helpers/mootools-more-1.3.2.1.js"></script>
<script type="text/javascript" src="../helpers/swfobject.js"></script>
<script type="text/javascript" src="../helpers/HashListener.js"></script>
<script type="text/javascript" src="../helpers/HistoryManager.js"></script>
<script type="text/javascript" src="../helpers/Autocompleter.js"></script>
<script type="text/javascript" src="../helpers/Autocompleter.Request.js"></script>
<script type="text/javascript" src="../helpers/Observer.js"></script>
<script type="text/javascript" src="../helpers/encoder.js"></script>
<script type="text/javascript" src="../ui/js/miushake-js.js"></script>
<script type="text/javascript" src="../ui/js/main.js"></script>
<script type="text/javascript">
window.addEvent('domready', function() {
	loadEngine();
	auth();
	// vérif session
	checkSession();
	// BLOCAGE LIEN FOOTER pr soutenance
	$('footerwrapper').getElements('a[class!=seyartdesign]').addEvent('click',function(ev){ev.stop()});
});
</script>

<!--[if !IE 7]>
	<style type="text/css">
		#wrapper {display:table;height:100%}
	</style>
<![endif]-->

<!--[if lt IE 9]>
	<script src="../helpers/html5.js"></script>
    <link href="../ui/css/miushake-ie.css" rel="stylesheet" type="text/css" media="all" />
<![endif]-->

<!--[if lte IE 6]> 
	<link href="../ui/css/miushake-ie6.css" rel="stylesheet" type="text/css" media="all" />
<![endif]-->


</head>

<body>
    <div id="wrapper">
        <header role="banner">
        	<h1>miushake</h1>
            <a id="lienaccueil" href="index.php"></a>
            <nav>
            	<ul id="userbar">
                	<?php echo $usernav; ?>
                </ul>
            </nav>
            <div id="menu">
                <nav role="navigation">
                    <ul id="nav">
                        <li><a class="navpage" id="accueil" href="#">Accueil</a></li>
                        <li><a class="navpage" id="shakeIt" href="#">Shake it</a></li>
                        <li><a class="navpage authRequired" id="maContribution" href="#">Ma Contribution</a></li>
                        <li><a class="navpage" id="aPropos" href="#">A propos</a></li>		 
                    </ul>
                </nav>
                <!-- Barre de recherche -->
               <?php echo $mainSearchInput; ?>
                <div class="clearer"></div>
            </div>
            <div id="miniplayer">
            	<a id="recommandpanelbutton" class="out" href="#"></a>
                <a id="playpausebutton" class="play" href="#"></a>
                <a id="nextbutton" class="next" href="#"></a>
                <span id="barcontainer"><span id="durationbar"><span id="currentduration"></span></span></span>
                <span id="minititle" class="tracktitle"></span><!-- Artiste - Titre -->
                <div class="clearer"></div>
            </div>
        </header>
        <div class="clearer"></div>
        <div id="main">
        	<section id="recomcontainer">
            	<div>
  					<div id="ytapiplayer">
    					You need Flash player 8+ and JavaScript enabled to view this video.
  					</div>
                    <a id="nextarrow" class="next">Suivant</a>
                    <div id="recommandationui">
                    	<p>Vous êtes en train d'écouter</p>
                    	<h1 class="tracktitle" id="uititle"></h1><!-- Artiste - Titre -->
                        <div id="slidercontainer">
                            <div id="legendeeval"><span>Beurk!</span><span>Neutre</span><span>Génial!</span><div class="clearer"></div></div>
                            <div id="evalslider" class="slider">
                            	<div id="evalbar"></div>
                                <div class="knob"></div>
                            </div>
                            <div id="evalselect"><span id="aimepas">Je n'aime pas</span><span id="aime">J'aime</span><div class="clearer"></div></div>
                            <p id="msgeval">Vous n'avez pas encore noté ce morceau</p> 
                        </div>              
                        <ul id="optioncontainer">
                            <li id="lilec"><a href="#">Paramètres</a>
                                <ul>
                            		<li><a id="lectauto" title="Activer/Désactiver la lecture automatique" href="#">Lecture auto <span id="etatlect"></span></a></li>
                                    <li><a id="containersetvisible" title="Cacher/Montrer l'interface d'évaluation sur les autres pages" href="#">Int. éval. toujours <span id="etatcontainer"></span></a></li>
                                </ul>
                            </li>
                           <!-- <li id="licom"><a id="comments" href="#"><span id="nbcomment">0</span> commentaire(s)</a></li>
                            <li id="limiu"><a id="addmiu" href="#"><span id="actionmutheque">Ajouter à ma miuthèque</span></a></li>
                            <li id="lipar"><a id="share" href="#">Partager</a></li>-->
                        </ul>
                    </div>
                    <div class="clearer"></div>
                </div>
            </section>
			<div id="content">
            <!-- MEP -->
                    <!-- $c -->
                    <?php echo $c; ?>
                    <!-- fin $c -->
            <!-- FIN MEP -->
            	<!--<aside></aside>-->
            </div>
        </div>
        <!-- Statut (chargement par ex.) -->
        <div id="statutmsg"><p>Chargement...</p></div>
        <!-- fin Statut -->
        <!-- lightbox -->
        <img id="lightboxwrapper" class="closelightbox" src="../ui/images/lightboxwrapperbg.png" alt=""/>
        <div id="lightbox">
        	<div>
                <span class="closelightbox">x</span>
                <div id="lightboxcontent">

                </div>
            </div>
        </div>
        <!-- Storage LightBox, elts qui vont etres affichés dans la Lightbox  (principe couper/coller puis remise à sa place à la fermeture)-->
        <div id="lightboxcontentstorage" class="none">
        	<div id="connectInscriptForm"><?php echo $connectInscriptForm; ?></div>
            <div id="unauthorizedaction"><h2>Connexion nécessaire</h2><p>Vous devez être connecté pour effectuer cette action. Si vous n'avez pas de compte, inscrivez vous, cela prend moins d'une minute.</p></div>
            <div id="sessionlost"><h2>Session expirée</h2><p>Votre session a expiré, veuillez vous reconnecter à nouveau.</p></div>
        </div>
        <!-- fin lightbox -->
    </div>
    <footer>
    	<!--<div id="scriptbox"></div>-->
        <div id="footerwrapper">
        	<section id="miushakedescription">
            	<p>Miushake est une plateforme communautaire de recommandation musicale qui vous permet de découvrir de nouveaux artistes et de nouveaux genres musicaux, selon ce que vos amis aiment.</p>
            </section>
            <div class="footerfloatright">
                <section id="miushakeshare">
                    <p>Faites découvrir Miushake aux personnes que vous aimez</p>
                    <ul>
                        <li><a id="footerfacebook" title="Liker sur Facebook" href="#" target="_blank"></a></li>
                        <li><a id="footertwitter" title="Partagez sur Twitter" href="#" target="_blank"></a></li>
                        <li><a id="footerdelicious" title="Partagez sur Delicious" href="#" target="_blank"></a></li>
                        <li><a id="footerbuzz" title="Partagez sur Buzz" href="#" target="_blank"></a></li>
                    </ul>
                    <div class="clearer"></div>
                </section>
                <nav>
                    <ul>
                        <li><a href="#">Aide/FAQ </a></li>
                        <li>-</li>
                        <li><a href="#">Mentions légales</a></li>
                        <li>-</li>
                        <li><a href="#">Contact</a></li>
                    </ul>
                </nav>
                <p><a class="seyartdesign" href="http://www.seyartdesign.fr" target="_blank">William Jautée - M2 Dnr2i</a></p>
            </div>
            <div class="clearer"></div>
        </div>
    </footer>
</body>
</html>
